.png-button {
    background-image: url('test1.png'); /* PNG 图片路径 */
    background-size: cover; /* 图片大小 */
    background-position: 0px center; /* 图片位置 */
    background-repeat: no-repeat; /* 防止图片重复 */
    background-color: #4CAF50; /* 按钮背景色 */
    color: white; /* 文字颜色 */
    font-size: 16px;
    width: 64px; /* 正方形按钮，边长70px（可手动调整） */
    height: 64px;
    border: none; /* 去掉边框 */
    border-radius: 10px; /* 圆角 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    transition: background-color 0.3s ease, transform 0.2s ease; /* 平滑过渡效果 */
}

/* 悬停效果 */
.png-button:hover {
    background-color: #45a049; /* 更深的绿色 */
    transform: scale(1.05); /* 轻微放大 */
}

/* 点击效果 */
.png-button:active {
    background-color: #3d8b40; /* 更深的绿色 */
    transform: scale(0.95); /* 轻微缩小 */
}